<template>
  <div>
    用户名: <input v-model.trim="yhm" type="text" id="yhmnr">
    <br>
  
    自我介绍: <textarea v-model.lazy ="zwjs" name="" id="" cols="30" rows="10"></textarea>

    <br>

<input v-model="gxk" type="checkbox" name="" id="" value="饶1">饶是是是是是是
<input v-model="gxk" type="checkbox" name="" id="" value="饶2">饶是是是是是
<input v-model="gxk" type="checkbox" name="" id="" value="饶3">饶是是是是
<input v-model="gxk" type="checkbox" name="" id="" value="饶4">饶是是是
<input v-model="gxk" type="checkbox" name="" id="" value="饶5">饶是是

<br>
全选 <input v-model="quanxuan" type="checkbox" name="" id="">
<br>
<button @click="login">提交</button>
<br>
我的年龄: <input v-model="nianl" type="text">
  </div>
</template>

<script>
export default {
  name: 'VueDemoApp',

  data() {
    return {
      yhm:'',
      zwjs:'',
      gxk:[],
      quanxuan:true,
      nianl:''
    };
  },

  mounted() {
    
  },

  methods: {
    login(){
      console.log(this.yhm,this.zwjs ,this.nianl);
    }
  },
};
</script>

<style lang="less" scoped>

</style>